<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/style.css" />
	</head>

	<body class="bgLight">
		<div id="refreshContainer">
			<div v-cloak id="search">
				<header class="mui-bar mui-bar-nav">
					<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
					<h1 class="mui-title">课程</h1>
					<a @click="open_search" class="mui-icon mui-icon-filter mui-pull-right icon_filter"></a>
				</header>
				<div class="mui-content getHeight bgLight">
					<div class="course_box" id="pullrefresh">
						<div class="course_nr" v-if="lists==null">
							<p class="noOrderPic"><img src="../../../images/noProducts.png" /></p>
							<p class="noOrderTxt">暂无数据</p>
						</div>
						<div class="course_nr mui-scroll">
							<ul class="mui-table-view" id="list">
								<li class="mui-table-view-cell mui-media course_list" v-for="val in lists" @click="open_class_detils(val.id)">
									<img class="mui-media-object mui-pull-left course_pic" :src="val.middlePicture">
									<div class="mui-media-body course_rtxt">
										<h4 class="ellipsis2">{{val.title}}</h4>
										<p class="person_price">
											<span class="courseStudy"><i class="mui-icon mui-icon-people"></i> {{val.studentNum}}</span>
											<span class="coursePrice" v-show="val.isFree == 0 && auditStatus == 'yes'"><em>￥</em>{{val.price}}</span>
											<span class="coursePrice" v-show="val.isFree == 1 && auditStatus == 'yes'">免费</span>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="popMask" @click="confirmBtn" @touchmove.prevent></div>
				<div class="popFilter" @touchmove.prevent>
					<div class="area_bt">
						<h4>分类</h4>
						<!--<span class="accordion"><i class="area_sel">全部</i><em class="arr_up"></em></span>-->
					</div>
					<div class="areaList">
						<ul>
							<li v-for="(val,index) in category">
								<a :cate_id="val.id" @tap="selected_cate($event ,index)" v-bind:class="{ selected:index==current}">{{val.name}}</a>
							</li>
						</ul>
					</div>
					<!--<div class="area_bt">
				<h4>课程价格</h4>
				<span class="accordion"><i class="area_sel"></i><em class="arr_up"></em></span>
			</div>
			<div class="areaList">
				<ul>
					<li v-for="val in price">
						<a :price="val.name" class="selectd"  @click="selected_price($event)">{{val.name}}</a>
					</li>
				</ul>
			</div>-->
					<!--<div class="area_bt">
				<h4>区域</h4>
				<span class="accordion"><i class="area_sel"></i><em class="arr_up"></em></span>
			</div>
			<div class="areaList h250px">
				<ul>
					<li v-for="val in district">
						<a href="#">{{val.name}}</a>
					</li>
				</ul>
			</div>-->
	
					<div class="fixBtn">
						<div class="btnGroup">
							<!--<a class="clearBtn">清除</a>-->
							<a class="comfirmBtn2" @click="confirmBtn">确定</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../../js/jquery.min.js"></script>
		<script type="text/javascript" src="../../../js/h.min.js"></script>
		<script type="text/javascript" src="../../../js/public.js"></script>
		<script type="text/javascript" src="../../../js/tpl/course.js"></script>
		<script src="../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../js/mui.lazyload.js"></script>
		<script type="text/javascript" src="../../../js/mui.lazyload.img.js"></script>
	</body>

</html>